/*
 * @Author: xiaosihan 
 * @Date: 2023-11-26 19:06:01 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-10-30 10:57:39
 */


import { autorun } from "mobx";
import { ReactNode, useEffect, useRef, useState } from "react";
import styles from "./Title1.module.less";

interface Iprops {
    children?: ReactNode
    top?: number,
    left?: number,
}

// 大标题1
export default function Title1(props: Iprops) {

    const dom = useRef<HTMLDivElement | null>(null);
    const [data, setData] = useState({});

    useEffect(() => {

    }, []);

    useEffect(() => autorun(() => {

    }), []);

    return (
        <div
            ref={dom}
            className={styles.Title1}
            style={{
                top: props.top || 0,
                left: props.left || 0
            }}
        >
            <span className={styles.text} >{props.children}</span>
        </div>
    );

}